<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VersionFlowCheck</title>
    <link href="../../webjar/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css">

    <script src="../../webjar/jquery/3.1.1/jquery.min.js"></script>
    <script src="../../webjar/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>

    <!--<script src="../webjar/bootstrap-table/bootstrap-table.js"></script>-->
    <!--<script src="../webjar/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>-->

    <script src="../../webjar/layer/layer.js"></script>
    <script src="../../webjar/plugins/layui/layui.js"></script>
    <script src="../Public/ServerPath.js"></script>
    <script src="../Public/ibcpLayer.js"></script>
    <script src="../Public/ibcpAjax.js"></script>
    <script src="VersionFlow.js"></script>
    <script src="../Public/Sign.js"></script>
    <script src="../Public/cookie_util.js"></script>
    <style type="text/css">
        fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
        legend{padding:.5em;border:0;width:auto;margin-bottom: 0}

        html{
            height: 100%;
        }
        body,#pieceLeft,#pieceRight{
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .trStyle{
            height: 30px;
        }
    </style>

</head>
<body style="padding: 10px">
<div id="pieceLeft" class="panel panel-default" style="width:30%;float:left;">
    <div class="panel-heading">
        <h2><span class="label label-custom">版本流列表</span></h2>
    </div>
    <div class="panel-body">
        <!--<table id="VersionFlowList">-->
        <!--</table>-->
        <table id="VersionFlowList" class="bootstrap-table table"
                       data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="rowStyle"
                       data-cell-style="cellStyle"  style="overflow-y: scroll">
            <thead>
                <tr>
                    <th data-field="state" data-radio="true"></th>
                    <th data-field="id" data-visible="false"></th>
                    <th data-field="code">代码</th>
                    <th data-field="name">名称</th>
                    <th data-field="description" style="display:none;" data-visible="false">描述</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
<div id="pieceRight" class="panel panel-default" style="width:69%;float:right;padding: 0px">
    <br />
    <div style="width:98%;margin:0 auto;text-align:right;">
        <div style="display:inline"><button id="vfCopy" type="button" class="btn btn-custom"><span class="fa fa-copy"/></button></div>
        <div style="display:inline"><button id="vfDelete" type="button" class="btn btn-custom"><span class="glyphicon glyphicon-trash"/></button></div>
    </div>

        <div id="row1" style="margin: 10px">
            <div class ="form-group col-md-4 has-feedback" style="padding-left: 0">
                <div class="input-group">
                    <div class="input-group-addon">代码</div>
                    <input type="text" class="form-control " id="VersionCode" readonly>
                </div>
            </div>
            <div class ="form-group col-md-4 has-feedback" style="padding-left: 0">
                <div class="input-group">
                    <div class="input-group-addon">名称</div>
                    <input type="text" class="form-control " id="VersionName" readonly>
                </div>
            </div>
            <div class ="form-group col-md-4" style="padding: 0">
                <div class="input-group">
                    <div class="input-group-addon">描述</div>
                    <input type="text" class="form-control " id="VersionDescribe" style="width: 100%" readonly>
                </div>
            </div>
        </div>

    <div style="width:98%;margin:0 auto;overflow:hidden;padding-top: 5px">
        <table id="VersionFlowDetail" class="bootstrap-table table"
               data-toggle="table"
               data-click-to-select="true"
               data-striped="true"
               data-row-style="rowStyle"
               data-cell-style="cellStyle">
            <thead>
            <tr>
                <th data-field="state" data-radio="true"></th>
                <th data-field="version_id" data-visible="false">版本流id</th>
                <th data-field="aid"  data-visible="false">权限id</th>
                <th data-field="from_id" data-visible="false">FromId</th>
                <th data-field="to_id" data-visible="false">ToId</th>
                <th data-field="fromName">原状态</th>
                <th data-field="toName">目标状态</th>
                <th data-field="authName">权限</th>
                <th data-formatter="operateFormatter"
                    data-events="operateEvents">操作</th>
            </tr>
            </thead>
        </table>
    </div>
    <br />
    <div style="width:98%;margin:0 auto;overflow:hidden">
        <div style="width:100%;margin:0 auto;text-align:right;">
            <div style="display:inline">
                <button id="vfObjectEdit" type="button" class="btn btn-custom"><span class="glyphicon glyphicon-pencil"/></button>
            </div>
        </div>
        <table id="ConnectObjectList" class="bootstrap-table table"
               data-toggle="table"
               data-click-to-select="true"
               data-striped="true"
               data-row-style="50px"
               data-cell-style="cellStyle">
            <thead>
            <tr>
                <th data-field="state" data-radio="true"></th>
                <th data-field="id" data-visible="false">版本流id</th>
                <th data-field="type_id"  data-visible="false">对象类型id</th>
                <th data-field="typeName">对象类型</th>
                <th data-field="typeDescription">描述</th>
            </tr>
            </thead>
        </table>
    </div>
    <br />
</div>
<!--弹出层定义-->
<div id="VFCopyDiv" hidden="true"></div>
<div id="VFFromToDiv" hidden="true"></div>
<div id="VFFromToAuthorityDiv" hidden="true"></div>
<div id="VFObjectEditDiv" hidden="true"></div>

<link rel="stylesheet" href="../../webjar/bootstrap-table/bootstrap-table.css">
<link rel="stylesheet" href="../../webjar/css/mystyle.css">
<script src="../../webjar/bootstrap-table/bootstrap-table.js"></script>
<script src="../../webjar/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
</body>
</html>